* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
.h_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
input:focus-visible,
textarea:focus-visible {
  outline: none;
}
textarea {
  resize: none;
}
input,
textarea,
button {
  border: none;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
html,
body {
  max-width: 480px;
  overflow-x: hidden;
  margin: 0 auto;
  background: #F6F6F6;
}
.h_posFixed {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 9;
  max-width: 480px;
}
.h_contents {
  padding: 16px;
}
* {
  -webkit-tap-highlight-color: transparent;
}
@font-face {
  font-family: CN-Regular;
  src: url(../fonts/SourceHanSansCN-Regular.otf);
}
@font-face {
  font-family: Altinn-DIN;
  src: url(../fonts/Altinn-DIN.ttf);
}
@font-face {
  font-family: OPPOSans-Bold;
  src: url(../fonts/OPPOSans-Bold.ttf);
}
.h_mygdl {
  font-size: 13px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #C5C5C5;
  text-align: center;
  margin: 20px 0;
}
.h_header {
  height: 44px;
}
.h_header .h_posFixed {
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  top: 0;
  background: #fff;
}
.h_header .h_posFixed .h_box {
  height: 44px;
  position: relative;
  padding: 0 16px;
}
.h_header .h_posFixed .h_box .h_L {
  position: absolute;
  width: 45px;
  text-align: center;
  left: 0px;
  top: 0;
  line-height: 44px;
}
.h_header .h_posFixed .h_box .h_L i {
  font-size: 20px;
}
.h_header .h_posFixed .h_box .h_C {
  text-align: center;
  font-size: 17px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 44px;
}
.h_login .h_Top {
  margin-top: 20px;
  height: 44px;
}
.h_login .h_Top .h_L {
  display: flex;
  align-items: center;
}
.h_login .h_Top .h_L .h_img {
  width: 30px;
  height: 30px;
  margin-right: 7px;
}
.h_login .h_Top .h_L .h_img img {
  width: 100%;
}
.h_login .h_Top .h_L .h_text {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #333333;
}
.h_login .h_Top .h_L .h_text span {
  margin-left: 10px;
  font-size: 12px;
  font-family: CN-Regular;
  font-weight: 400;
  color: #666666;
  position: relative;
}
.h_login .h_Top .h_L .h_text span::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background: #666666;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}
.h_login .h_desc {
  font-size: 14px;
  font-family: CN-Regular;
  font-weight: 400;
  color: #A0A0A0;
}
.h_login .h_form {
  margin-top: 22px;
}
.h_login .h_form .h_box {
  margin-bottom: 14px;
}
.h_login .h_form .h_box input {
  width: 100%;
  padding: 0 20px;
  border-radius: 2px 2px 2px 2px;
  height: 54px;
  background: #F3F4F6;
  font-size: 15px;
}
.h_login .h_form .h_box2 {
  background: #F3F4F6;
  display: flex;
}
.h_login .h_form .h_box2 input {
  width: calc(100% - 110px);
}
.h_login .h_form .h_box2 .h_btn {
  width: 110px;
  font-size: 15px;
  font-family: CN-Regular;
  font-weight: 400;
  color: #2170E7;
  height: 54px;
  line-height: 54px;
  position: relative;
  text-align: center;
}
.h_login .h_form .h_box2 .h_btn::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 13px;
  background: #838486;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.h_login .h_form .h_xieyi {
  margin-top: 35px;
  display: flex;
  align-items: center;
}
.h_login .h_form .h_xieyi .h_L {
  overflow: hidden;
  width: 15px;
  height: 16px;
  margin-right: 4px;
}
.h_login .h_form .h_xieyi .h_L img {
  width: 100%;
}
.h_login .h_form .h_xieyi .h_L .h_hide {
  display: none;
}
.h_login .h_form .h_xieyi .h_L.h_active img {
  display: none;
}
.h_login .h_form .h_xieyi .h_L.h_active .h_hide {
  display: block;
}
.h_login .h_form .h_xieyi .h_R {
  width: calc(100% - 18px);
  font-size: 12px;
  font-family: CN-Regular;
  font-weight: 400;
  color: #666666;
}
.h_login .h_form .h_xieyi .h_R a {
  color: #2170E7;
}
.h_login .h_form button {
  margin-top: 24px;
  width: 100%;
  height: 50px;
  background: #2170E7;
  border-radius: 32px 32px 32px 32px;
  font-size: 17px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}
.h_popup {
  display: none;
  position: fixed;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 4px;
}
.h_mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
}
.h_foot {
  height: 62px;
}
.h_foot .h_posFixed {
  height: 62px;
  background: #fff;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}
.h_foot .h_posFixed .h_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}
.h_foot .h_posFixed .h_btn img {
  width: 24px;
  filter: grayscale(100%) brightness(220%);
}
.h_foot .h_posFixed .h_btn p {
  font-size: 12px;
  font-family: Source Han Sans CN-Normal, Source Han Sans CN;
  font-weight: 350;
  color: #888888;
}
.h_foot .h_posFixed .h_btn.h_active img {
  filter: grayscale(0%);
}
.h_foot .h_posFixed .h_btn.h_active p {
  color: #C7000B;
}
.h_footer {
  height: 68px;
}
.h_footer .h_posFixed {
  position: static;
  border-radius: 8px 8px 8px 8px;
  background: #FFFFFF;
  width: 100%;
  left: 16px;
  bottom: 30px;
  height: 52px;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
}
.h_footer .h_posFixed .h_L {
  padding-left: 20px;
}
.h_footer .h_posFixed .h_L .h_p1 {
  font-size: 12px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #3D3D3D;
}
.h_footer .h_posFixed .h_L .h_price {
  font-size: 12px;
  font-family: MiSans-Medium, MiSans;
  font-weight: 500;
  color: #C7000B;
}
.h_footer .h_posFixed .h_L .h_price span {
  font-size: 18px;
}
.h_footer .h_posFixed .h_R {
  width: 108px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  background: #C7000B;
  font-size: 17px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}